<%--
  Created by IntelliJ IDEA.
  User: xiaoding
  Date: 2021/1/8
  Time: 9:55
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<html>
<head>
    <title>左边</title>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/bootstrap-3.3.7-dist/css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/bootstrap-3.3.7-dist/css/Style.css">
    <script src="${pageContext.request.contextPath}/bootstrap-3.3.7-dist/js/JQuery.js" type="text/javascript" charset="utf-8"></script>
    <script src="${pageContext.request.contextPath}/bootstrap-3.3.7-dist/js/bootstrap.js" type="text/javascript" charset="utf-8"></script>
    <style>
        body{
            background:#F0EEF5;
        }
        .main-left{
            width: 23%;
            float: left;
            height: 100%;
            color: #0f0f0f;
        }
        .main-left > div{
            width: 100%;
            background-color: #FFFFFF;
            margin-bottom:16px;
        }
        .notice,.blogroll{
            height: 207px;
        }
        .download{
            height: 258px;
            margin: 0px;
        }
        h3{
            height:20%;
            background-color:#169fe6;
            margin: 0px;
            text-align: center;
            color: #FFFFFF;
            font-size: 20px;
            line-height: 40px;
        }
        .download-text ,.blogroll-text{
            padding: 0px 10%;
        }
        .blogroll-text{
            height: 80%;
        }
        .download h3{
            height: 16%;
        }
        .download-text{
            height: 84%;
        }
        .download-text p span{
            display: block;
        }
    </style>
</head>
<body>
    <%-- 主体 --%>
    <div class="main-left">
        <div class="notice">
            <h3>系统公告</h3>
            <div class="lunbo_div" style="text-align: center; box-sizing: border-box;padding: 4%">
                您是管理员，<a href="next/addAnnounce.jsp">请发布标题</a>
            </div>
        </div>
        <div class="blogroll">
            <h3>友情链接</h3>
            <div class="blogroll-text">
                <p>
                    <a href="">CSDN博客</a>
                </p>
                <p>
                    <a href="">北京尚学堂</a>
                </p>
            </div>
        </div>
        <div class="download">
            <h3>源码下载</h3>
            <div class="download-text">
                <p>
                    <a href="https://blog.csdn.net/xiaoding520?spm=1010.2135.3001.5421">项目下载地址</a>
                    <a href="">我的博客</a>
                </p>
                <p>
                    <span>关注本博主，带你浏览各类IT技术</span>
                    <span>1、Java从入门到精通</span>
                    <span>2、IDEA遇到的坑</span>
                    <span>3、Java常见报错</span>
                    <span>4、数据结构与算法</span>
                    <span>5、Java毕业设计</span>
                </p>
            </div>
        </div>
    </div>
</body>
</html>
